<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>CBlog</title>
    <link type="text/css" style="sheet" rel="stylesheet" href="/style/css/layout.css"/>
    <link type="text/css" style="sheet" rel="stylesheet" href="/components/syntax/styles/shCore.css"/>
    <link type="text/css" style="sheet" rel="stylesheet" href="/components/syntax/styles/shThemeEclipse.css"/>
    <script type="text/javascript" src="/components/syntax/scripts/shCore.js"></script>
    <script type="text/javascript" src="/components/syntax/scripts/shBrushAll.js"></script>
    <script type="text/javascript">
        SyntaxHighlighter.all();
    </script>
    
    <style type="text/css">
.inner_body_left {
    background-image: url("/style/images/bloglist.jpg");
    background-repeat: no-repeat;
    padding-top: 80px;
}
.body_left a {
}
.article {
    margin: 20px 30px 0px 30px;
    padding: 0;
}
.article .title {
    text-align: left;
    font-weight: bold;
    font-size: 15px;
}
.article .title a:link {
    color: #998f66;
}
.article .dateline {
    text-align: center;
    font-size: 11px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.article .content {
    margin-bottom: 10px;
    line-height: 24px;
    font-size: 14px;
}
.article .oper {
    text-align: center;
}
.article .line {
    margin-top:17px;
    line-height:17px;
    border-top:1px solid #CCCCBC
}
.body_right .category {
}
#oper {
    position: absolute;
    top: 50px;
    right: 20px;
}
.page_button {
    cursor: hand;
    float: left;
    width: 25px;
    height: 25px;
    border: solid gray 1px;
    text-align: center;
    background-color: gray;
}
.page_button_cur {
    cursor: hand;
    float: left;
    width: 25px;
    height: 25px;
    border: solid gray 1px;
    text-align: center;
}
</style>
  </head>

  <body>
    <div class="header">
    </div>
    
    <div class="body">
        <div class="body_top">
            <div class="logo">this is logo</div>
            <div class="menu">this is menu</div>
        </div>
        <div class="body_middle">
            <div class="inner_body">
                <div class="inner_body_left">
                <span id="oper"><a href="/admin/control.do?action=createArticlePage">create</a></span>
                <#list articles as article>
                     <div class="article">
                        <div class="title"><a href="/archives/${article.postName}">${article.title }</a></div>
                        <div class="dateline">${article.dateline?datetime}</div>
                        <div class="content">${article.description }</div>
                        <p align="left"><a href="/archives/${article.postName}">more&gt;&gt;</a></p>
                        <div class="oper"><a href="/archives/${article.postName}#comment">comments(${article.messageCount})</a> | <a href="/archives/${article.postName}#comment">views(${article.browseCount})</a></div>
                        <div class="line"></div>
                     </div>
                </#list>
                </div>
                <div class="inner_body_right">
                    <span id="oper"><a href="/admin/control.do?action=createCategoryPage">Edit</a></span>
                </div>
            </div>
        </div>
        <div class="body_below"></div>
    </div>
    
    <#include "footer.ftl">
  </body>
</html>